<template>
	<view class="code">
		<text>{{titleName}}：</text><text>{{code}}</text>
	</view>
</template>

<script>
	export default {
		name: "Createcode",
		props:["titleName","code"],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	@keyframes slide-down-up {
		0% {
			top: -130rpx;
		}

		33.33% {
			top: var(--status-bar-height);
		}

		66.66% {
			top: var(--status-bar-height);
		}

		100% {
			top: -130rpx;
		}
	}

	.code {
		width: 70%;
		height: 130rpx;
		background-color: #FFFFFF;
		position: fixed;
		padding: 30rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		left: calc(50% - 35%);
		border-radius: 30rpx;
		animation: slide-down-up 10s linear;
		animation-iteration-count: 1;

		text {
			color: #000;
		}

		text:nth-of-type(2) {
			color: #00A7FF;
			font-size: 40rpx;
			font-weight: bold;
		}
	}
</style>